<script>
import config from "../../package.json";

export default {
  data() {
    return {
      version: config.version,
      vueVersion: config.dependencies.vue.substring(1),
      vueRouterVersion: config.dependencies["vue-router"].substring(1),
      piniaVersion: config.dependencies.pinia.substring(1),
    };
  },
  computed: {
    copyRightYear() {
      return new Date().getFullYear();
    },
  },
};
</script>

<template>
  <footer>
    <p>
      &copy; 2023 - {{ copyRightYear }}
      <span></span>
      v{{ version }}
    </p>
    <p>
      系统支持环境：Vue{{ vueVersion }} + Vue Router {{ vueRouterVersion }} +
      Pinia
      {{ piniaVersion }}
    </p>
  </footer>
</template>

<style scoped>
p {
  margin: 8px 0;
}
</style>
